﻿{% extends 'base.html' %}
{% block content %}

    <div id="main-container" class="container clearfix">
        <section class="post-left">
            <div class="breadcrumb">您的位置： <a itemprop="breadcrumb" href="{% url 'index' %}">首页</a> »
                <span class="current">{{ cname }}</span></div>
            <div class="index-main clearfix">
                <div class="main-title">
                    <h4 class="post-left-title">分类：{{ cname }}</h4>
                </div>
                <div class="row">
                    {% for li in list %}
                        <div class="article-box clearfix excerpt-1">
                            <div class="col-md-4">
                                <div class="thumbnail">
                                    <a href="{% url 'index' %}show-{{ li.id }}" title="{{ li.title }}">
                                        <img src="media/{{ li.img }}" alt="{{ li.title }}" class="wp-post-image"
                                             width="240" height="160">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <h2>
                                    <a href="{% url 'index' %}show-{{ li.id }}.html" target="_blank"
                                       title="{{ li.title }}">{{ li.title }}</a>
                                </h2>
                                <p class="txtcont hidden-xs">
                                    <a href="{% url 'index' %}show-{{ li.id }}.html" target="_blank"
                                       title="{{ li.title }}">{{ li.excerpt }}</a>
                                </p>
                                <div class="meta"><span class="label label-info"><a
                                        href="{% url 'index' %}list-{{ li.category_id }}.html">{{ li.category.name }}</a></span>
                                    <time class="item"><i
                                            class="fa fa-clock-o"></i>{{ li.created_time|date:"Y年m月d日" }}
                                    </time>
                                </div>
                            </div>
                        </div>
                    {% endfor %}



                    <!--分页-->
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            {{ pagination.page_html|safe }}
                        </ul>
                    </nav>


            <!-- /文章列表 -->
        </section>
        <!-- /post-left -->
        <!-- /post-right -->
        <aside class="post-right hidden-xs">
            </section></section>

            <section class="widget post-right-item">
                <h4 class="post-right-title">热门推荐</h4>


                <ul class="post-hot clearfix">

                    <li>
                        <div class="img">

                            <a href="/show-1.html"
                               title="W3C启动Web支付标准工作，推进在线结算流程"><img
                                    src="static/picture/next-1.png"
                                    srcset="media/article_img/2018/10/07/next-1.png"
                                    alt="" class="wp-post-image" width="120"
                                    height="80"/></a>

                        </div>
                        <a href="/show-1.html" title="W3C启动Web支付标准工作，推进在线结算流程"
                           target="_blank" class="title">W3C启动Web支付标准工作，推进在线结算流程</a>
                    </li>

                    <li>
                        <div class="img">

                            <a href="/show-4.html"
                               title="Firefox5新功能:社交共享 集成身份管理"><img
                                    src="static/picture/firefox503.jpg"
                                    srcset="media/article_img/2018/10/07/firefox503.jpg"
                                    alt="" class="wp-post-image" width="120"
                                    height="80"/></a>

                        </div>
                        <a href="/show-4.html" title="Firefox5新功能:社交共享 集成身份管理"
                           target="_blank" class="title">Firefox5新功能:社交共享 集成身份管理</a>
                    </li>

                    <li>
                        <div class="img">

                            <a href="/show-5.html"
                               title="简单HTML5打造内涵搜索框"><img
                                    src="static/picture/web1_if1rrie.jpg"
                                    srcset="media/article_img/2018/10/07/web1_If1RRie.jpg"
                                    alt="" class="wp-post-image" width="120"
                                    height="80"/></a>

                        </div>
                        <a href="/show-5.html" title="简单HTML5打造内涵搜索框"
                           target="_blank" class="title">简单HTML5打造内涵搜索框</a>
                    </li>

                    <li>
                        <div class="img">

                            <a href="/show-7.html"
                               title="网站设计-不只是门面漂亮这么简单"><img
                                    src="static/picture/web1.jpg"
                                    srcset="media/article_img/2018/10/07/web1.jpg"
                                    alt="" class="wp-post-image" width="120"
                                    height="80"/></a>

                        </div>
                        <a href="/show-7.html" title="网站设计-不只是门面漂亮这么简单"
                           target="_blank" class="title">网站设计-不只是门面漂亮这么简单</a>
                    </li>

                    <li>
                        <div class="img">

                            <a href="/show-8.html"
                               title="谷歌用户体验设计准则"><img
                                    src="static/picture/tx_3zybskx.jpg"
                                    srcset="media/article_img/2018/10/07/tx_3zybSKX.jpg"
                                    alt="" class="wp-post-image" width="120"
                                    height="80"/></a>

                        </div>
                        <a href="/show-8.html" title="谷歌用户体验设计准则"
                           target="_blank" class="title">谷歌用户体验设计准则</a>
                    </li>

                    <li>
                        <div class="img">

                            <a href="/show-10.html"
                               title="手机端阅读类产品的信息架构"><img
                                    src="static/picture/shouji.jpeg"
                                    srcset="media/article_img/2018/10/07/shouji.jpeg"
                                    alt="" class="wp-post-image" width="120"
                                    height="80"/></a>

                        </div>
                        <a href="/show-10.html" title="手机端阅读类产品的信息架构"
                           target="_blank" class="title">手机端阅读类产品的信息架构</a>
                    </li>

                </ul>
            </section>

            </section>
            <section class="widget post-right-item"><h4 class="post-right-title">所有标签</h4>
                <div class="tags">

                        <a href="/tag/django">django</a>

                        <a href="/tag/Python教程">Python教程</a>

                        <a href="/tag/Django教程">Django教程</a>

                        <a href="/tag/mysql">mysql</a>

                        <a href="/tag/Linux">Linux</a>

                </div>
            </section>
            </section><!-- /关注我们 -->
            <div class="post-right-item">
                <h4 class="post-right-title">关注我们</h4>
                <div class="wid-about">
                    <p>拓普Python学院，欢迎关注！</p>
                    <img src="/static/picture/weixinqr.jpg" alt="微信二维码-互联网的一些事" width="160" height="160">
                </div>
                <div class="wid-about">
                    <p><strong>联系方式:</strong></p>
                    <p>QQ:445813</p>
                    <p>Email：445813@qq.com</p>
                </div>
            </div>


        </aside>
    </div>


<!-- 底部 -->
<footer class="footer">
<div class="copyright"> © 2010- 2018 · All Rights Reserved
    · <a href="https://www.django.cn">Django中文网</a>
    · <a href="http://www.miibeian.gov.cn" target="_blank">湘ICP备17023990号</a> 版权所有 © Django中文网</div>
</footer>
<script src="static/js/bundle.js"></script>
<script type="text/javascript" src="/static/js/view-history.js"></script>
<script type='text/javascript' src="/static/js/push.js" ></script>
<script type='text/javascript' src='/static/js/jquery.min.js'></script>
<script type='text/javascript' src='/static/js/bootstrap.min.js'></script>
<script type='text/javascript' src='/static/js/raxus-slider.min.js'></script>
<script type='text/javascript' src='/static/js/loader.js'></script>
<script type='text/javascript' src='/static/js/bj-lazy-load.min.js' ></script>
<script type='text/javascript' src='/static/js/os.js'></script>

</body>
{% endblock %}